<div class="dux-login-main uk-flex uk-flex-middle">

    <div class="uk-container dux-login">
        <div class="uk-grid uk-grid-collapse ">
            <div class="uk-width-1-2">
                <div class="uk-slideshow" uk-slideshow="min-height: 850; max-height:850; autoplay:true">

                    <div class="uk-position-relative uk-visible-toggle uk-light">
                        <ul class="uk-slideshow-items">
                            <li>
                                <img src="__ROOT__/{$memberInfo.banner1}" uk-cover>
                            </li>
                            <li>
                                <img src="__ROOT__/{$memberInfo.banner2}" uk-cover>
                            </li>
                            <li>
                                <img src="__ROOT__/{$memberInfo.banner3}" uk-cover>
                            </li>
                        </ul>

                        <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#"
                           uk-slidenav-previous uk-slideshow-item="previous"></a>
                        <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next
                           uk-slideshow-item="next"></a>

                    </div>

                    <ul class="uk-slideshow-nav uk-dotnav uk-flex-center"></ul>

                </div>


            </div>
            <div class="uk-width-1-2">
                <div class="login-body">
                    <div class="uk-logo uk-text-center">
                        <img src="{$sysPublic}/images/logo.svg">
                    </div>
                    <h1 class="uk-text-center">登录</h1>

                    <div class="form">
                        <form class="uk-form  uk-form-horizontal" action="{url('', ['action' => $action])}"
                              method="post" data-dux="form-bind" data-advanced="false" data-callback="login">

                            <div class="uk-form-group">
                                <div class="uk-inline uk-width-1-1">
                                    <span class="uk-form-icon "><i class="fa fa-user"></i></span>
                                    <input class="uk-input" name="username" type="text" placeholder="{$nameTip}">
                                </div>
                            </div>

                            <div class="uk-form-group">
                                <div class="uk-inline uk-width-1-1">
                                    <span class="uk-form-icon"><i class="fa fa-lock"></i></span>
                                    <input class="uk-input" name="password" type="password" placeholder="密码">
                                </div>
                            </div>
                            <div class="uk-form-group">
                                <button type="submit" class="uk-button uk-button-primary uk-button-block">登录</button>
                            </div>
                            <div class="uk-form-group uk-clearfix">
                                <label class="uk-float-left"><input type="checkbox" name="remember" value="1">
                                    一个月内免登录</label> <a href="{url('member/Register/forgot')}"
                                                       class="link uk-float-right">忘记密码?</a>
                            </div>

                        </form>

                        <h3 class="uk-heading-line uk-text-center uk-margin-large-top"><span>还不是会员? </span></h3>
                        <a href="{url('member/register/index')}" class="uk-button uk-button-default uk-button-block">立即注册</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="dux-other-footer">
    <p>{$site.info_copyright}</p>
</div>
<script>
    Do('base', function () {
        window.login = function (msg, url) {
            window.location.href = url;
        }
    });
</script>